<!Doctype html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>Document</title>
</head>
<body>

</body>
<script>
// var obj = {
//     name:"张三"
// }
// 增
// obj.键 = 值     obj["键"] = 值
// obj.age = 12
// obj['height'] = 180;
// console.log(obj);

// 删
// delete 对象.键        delete 对象['键']
// delete obj.height;
// delete obj['age']
// console.log(obj);

// 改
// 对象.键 = 值      对象['键'] = 值
// obj.name = '张小三';
// obj['name'] = '张大三'
// console.log(obj);


// obj.sex = '男' // 增 - 对象中原本没有这个键
// obj['sex'] = '女' // 改 - 对象中已经有了这个键
// console.log(obj);
// 对象的键是唯一的，不会有重复

// 查
// console.log( obj.name );
// console.log(obj['name']);

// 遍历 - 每个键值对都经历一次
var obj = {
    width:"20px",
    height:'30px',
    'font-size':'12px',
    "background-color":'red',
    border:'1px solid #000'
}
var i = 'width'
console.log( obj.width );
console.log( obj.i ); // undefind - 访问对象中一个并不存在的键，就是undefined

// for(var 变量 in 对象){}

for(var i in obj){
    console.log(i);
    // obj.键    obj[键]
    console.log(obj[i]) // 如果使用一个变量代表键，一定要使用 中括号的形式
}


</script>
</html>